<template>
	<!-- <uActionSheet></uActionSheet> -->
	hello
	<van-grid clickable >
	  <van-grid-item icon="photo-o" text="HTML/CSS" 
		 link-type="navigateTo"
		    url="/pages/detail/detail"
		/>
	  <van-grid-item icon="photo-o" text="JavaScript" />
	  <van-grid-item icon="photo-o" text="Vue" />
	  <van-grid-item icon="photo-o" text="React" />
	  <van-grid-item icon="photo-o" text="ECharts" />
	  <van-grid-item icon="photo-o" text="代码编程" />
	  <van-grid-item icon="photo-o" text="计算机网络" />
	  <van-grid-item icon="photo-o" text="网络安全" />
	  <van-grid-item icon="photo-o" text="前端工程化" />
	  <van-grid-item icon="photo-o" text="性能优化" />
	  <van-grid-item icon="photo-o" text="H5" />
	  <van-grid-item icon="photo-o" text="研发流程" />
	  <van-grid-item icon="photo-o" text="NodeJS" />
	  <van-grid-item icon="photo-o" text="MySQL" />
	</van-grid>
</template>

<script setup lang="ts">
	// import uActionSheet from '../../components/u-action-sheet/u-action-sheet.vue';
	import { ref } from 'vue'
	const title = ref('Hello')
	const name = ref('thank111');
</script>

<style scoped>
	.grid-text {
		font-size: 28rpx;
		margin-top: 4rpx;
		color: $u-type-info;
	}
</style>